<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
			
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/quanju.css"/>
		
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/shouye.css"/>
				<link rel="stylesheet" type="text/css" href="css/quanju.css"/>

	</head>
	<body>
				<header class="header">
			<p>ZXIU 走秀网</p>
		</header>
		<div class="sou">
			<p>
				<img src="img/shou-sou.png"/>
				<input type="text" name="" id="" value="" placeholder="请输入搜素内容"/>
			</p>
		</div>
		
			<div class="swiper-container a">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="img/shou-lun.png"/></div>
        <div class="swiper-slide"><img src="img/shou-lun.png"/></div>
        <div class="swiper-slide"><img src="img/shou-lun.png"/></div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
    
    <!-- 如果需要导航按钮 
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>-->
    
    <!-- 如果需要滚动条
    <div class="swiper-scrollbar"></div> -->

		</div>
		<dl>
			<dt><img src="img/shou-dl.png"/></dt>
			<dd>
				<div class="top">
					联发科的距离开始减肥了看见了开发建设的离开是分类数据分类数据
				</div>
				<div class="botton">
					<div class="left">
						<p> <span>&yen;0</span><label>&yen;2585</label></p>
						<p>0折</p>
					</div>
					<div class="right">
						<img src="img/shou-gou.png"/>
					</div>
				</div>
			</dd>
		</dl>
		<dl>
			<dt><img src="img/shou-dl.png"/></dt>
			<dd>
				<div class="top">
					联发科的距离开始减肥了看见了开发建设的离开是分类数据分类数据
				</div>
				<div class="botton">
					<div class="left">
						<p> <span>&yen;0</span><label>&yen;2585</label></p>
						<p>0折</p>
					</div>
					<div class="right">
						<img src="img/shou-gou.png"/>
					</div>
				</div>
			</dd>
		</dl>
		<dl>
			<dt><img src="img/shou-dl.png"/></dt>
			<dd>
				<div class="top">
					联发科的距离开始减肥了看见了开发建设的离开是分类数据分类数据
				</div>
				<div class="botton">
					<div class="left">
						<p> <span>&yen;0</span><label>&yen;2585</label></p>
						<p>0折</p>
					</div>
					<div class="right">
						<img src="img/shou-gou.png"/>
					</div>
				</div>
			</dd>
		</dl>
		<dl>
			<dt><img src="img/shou-dl.png"/></dt>
			<dd>
				<div class="top">
					联发科的距离开始减肥了看见了开发建设的离开是分类数据分类数据
				</div>
				<div class="botton">
					<div class="left">
						<p> <span>&yen;0</span><label>&yen;2585</label></p>
						<p>0折</p>
					</div>
					<div class="right">
						<img src="img/shou-gou.png"/>
					</div>
				</div>
			</dd>
		</dl>
		<dl>
			<dt><img src="img/shou-dl.png"/></dt>
			<dd>
				<div class="top">
					联发科的距离开始减肥了看见了开发建设的离开是分类数据分类数据
				</div>
				<div class="botton">
					<div class="left">
						<p> <span>&yen;0</span><label>&yen;2585</label></p>
						<p>0折</p>
					</div>
					<div class="right">
						<img src="img/shou-gou.png"/>
					</div>
				</div>
			</dd>
		</dl>
		<dl>
			<dt><img src="img/shou-dl.png"/></dt>
			<dd>
				<div class="top">
					联发科的距离开始减肥了看见了开发建设的离开是分类数据分类数据
				</div>
				<div class="botton">
					<div class="left">
						<p> <span>&yen;0</span><label>&yen;2585</label></p>
						<p>0折</p>
					</div>
					<div class="right">
						<img src="img/shou-gou.png"/>
					</div>
				</div>
			</dd>
		</dl>
		<div class="tab">
			<a href="#">
				<img src="img/tab-shou.png"/>
				<p>首页</p>
				
			</a>
			<a href="#">
				<img src="img/tab-fen.png"/>
				<p>分类</p>
			</a>
			<a href="#">
				<img src="img/tab-gou.png"/>
				<p>购物车</p>
			</a>
			<a href="#">
				<img src="img/tab-xiu.png"/>
				<p>我的秀</p>
			</a>
			<a href="#">
				<img src="img/tab-geng.png"/>
				<p>更多</p>
			</a>
		
        </div>
        <script src="js/jquery-1.11.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/shouye.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/quanju.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/quanju.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var mySwiper = new Swiper ('.a', {
    
    loop: true,
    
    // 如果需要分页器
    pagination: '.swiper-pagination',
    autoplay:'1000'/*,
    
    // 如果需要前进后退按钮
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    
    // 如果需要滚动条
    scrollbar: '.swiper-scrollbar',*/
  })        
  $('.tab a').eq(0).addClass('abj').siblings().removeClass('abj')
		</script>
	</body>
</html>
